// 导入 Vue 核心库
import Vue from 'vue'

// 导入 normalize.css，用于统一不同浏览器的默认样式
import 'normalize.css/normalize.css'

// 导入 Element UI 组件库及其样式
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/en' // 导入英文语言包

// 导入全局样式
import '@/styles/index.scss'

// 导入根组件、状态管理和路由
import App from './App'
import store from './store'
import router from './router'

// 导入图标和权限控制
import '@/icons'
import '@/permission'

/**
 * Mock 服务配置
 * 如果不想使用 mock-server
 * 而想使用 MockJs 进行接口模拟
 * 可以执行: mockXHR()
 *
 * 注意：当前 MockJs 将在生产环境中使用
 * 上线前请务必删除！！！
 */
if (process.env.NODE_ENV === 'production') {
  const { mockXHR } = require('../mock')
  mockXHR()
}

// 设置 Element UI 为英文
Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)

// 关闭生产环境提示
Vue.config.productionTip = false

// 创建 Vue 根实例
new Vue({
  el: '#app', // 挂载到 #app 节点
  router,     // 注入路由
  store,      // 注入状态管理
  render: h => h(App) // 渲染根组件
})
